﻿<div id="header" data-bind="swipe: slideStatusBar">
    <div id="status-bar">
        <span class="font-16px vertical-top">
            powered by <span class="gold vertical-top">care</span>center
            <i class="fa fa-cloud connection-cloud" data-bind="css: { hide: !isConnectionOnline && isOnlineMode, show: isConnectionOnline && isOnlineMode, gold: isConnectionOnline && !isOnlineMode, cloudoffline: !isConnectionOnline && !isOnlineMode}"></i>
        </span>
        <a href="#" class="fa fa-power-off" data-bind="click: logout"></a>
        <a href="#" class="fa fa-info-circle" data-bind="click: openNotifications"></a>
        <a href="#" class="fa fa-question-circle" data-bind="click: gotoHelp"></a>
        <a href="#" id="iconSwipeOnStatus" class="fa fa-angle-double-down" data-bind="click: slideStatusBar"></a>
    </div>
    <div id="progressbar">
        <span id="progressbar-info"></span>
    </div>
    <div id="header-bar" class="header-bar">
        <div class="branchInfo" id="einrichtungSelection"></div>
        <div id="patientBarControl"></div>
        <div id="controlButtons">
            <button class="slidingPanelButton fa fa-sort-amount-asc fa-2x" data-bind="enable: sortingOptionsEnabled, click: onSlidingPanelClick, css: { disabled: !sortingOptionsEnabled }"></button>
            <button style="display:none" class="slidingPanelButton fa fa-filter fa-2x"></button>
        </div>
    </div>

</div>
<div id="navigation-sidebar" class="col">
</div>

<div id="body-content">

</div>

<nav id="nav" class="col">
    <a href="#" class="module-patient" data-bind="click: patientClick, visible: patientRights.Read"/>
    <a href="#" class="module-dfnw" data-bind="click: dfnwClick, visible: dfnwRights.Edit" />
    <a href="#" class="module-vitalwerte" data-bind="click: vitalwertClick, visible: vitalwerteRights.Read" />
    <a href="#" class="module-zeitleistung" data-bind="click: zeitleistungClick"/>

</nav>

<div class="slidingPanelWrapperSorting">
    <div class="slidingPanel smallRadios" data-bind="css: sortingPanelVisible ? 'showSlidingPanel' : 'hideSlidingPanel', event: { change: onSlidingPanelClick }">
        <h1 class="spanBrBold slidingPanelHeader" data-bind="text: Application.Resources.Views.SortPanel.Title">Sortierung</h1>
        <div class="separator"></div>

        <input type="radio" id="sortName" name="sort" value="LastNamesFirstLetter" data-bind="checked: groupingOption">
        <label for="sortName" data-bind="text: Application.Resources.Views.SortPanel.Nachname">Nachname</label>

        <div class="separator"></div>

        <input type="radio" id="sortZimmer" name="sort" value="RoomNumber"  data-bind="checked: groupingOption">
        <label for="sortZimmer" data-bind="text: Application.Resources.Views.SortPanel.Zimmer">Zimmer</label>
    </div>
</div>
